@import '../assets/css/vc/layout';
@import '../assets/css/vc/theme';
@import '../assets/css/vc/element/index';
@import '../assets/css/vc/customize';

// 整体布局（默认）
.vc-layout-default {
  .vc-layout(
    1280px, // 兼容屏幕最小宽度
    768px, // 兼容屏幕最小高度
    880px, // 顶部栏最小宽度
    50px, // 顶部栏高度
    22px 'Microsoft YaHei', // 顶部栏标题字体样式
    20px, // 顶部栏右侧按钮图标大小
    200px, // 侧边栏宽度
    60px, // 侧边栏收起时的宽度
    52px, // 一级菜单高度
    44px, // 二级菜单高度
    36px // tab标签高度
  );
}

// 主题配色（蓝色）- 左右型布局（默认）
.vc-theme-default-LR {
  .vc-theme(
    #fff, // 顶部栏的背景色/背景图
    #508AFD, // 顶部栏的字体颜色
    #508AFD, // 顶部栏右侧的图标颜色
    1px solid #DFE9E8, // 顶部栏的下边框边线
    #DFE5EE, // 顶部栏右侧分割线颜色

    url('../assets/img/bg-sider1.png'), // 左侧栏的背景色/背景图
    rgba(48,98,230,0.8), // 当前激活菜单的背景色
    #48C7FF, // 当前激活菜单的左边框颜色
    rgba(48,98,230,0.5), // 菜单的悬浮背景色
    #fff, // 左侧栏的字体颜色
    #fff, // 左侧栏的图标颜色
    none, // 左侧栏的右边框颜色
    #2F5FDF, // 左侧栏logo下边线颜色(LR布局)

    #fff, // tab标签的背景色
    #A4AEBB, // tab标签的字体颜色
    #F8FAFC, // 当前激活tab标签的背景色
    #508AFD, // 当前激活tab标签的字体颜色
    top, // 当前激活tab标签的边线位置
    1px solid #DFE9E8, // tab标签的边框颜色
    #F8F9FD // tab页面背景色
  );
  .vc-element(
    #508AFD, // 主色
    #689FFE, // 主色悬停
    #A1C3FF, // 主色禁用
    #F1F7FF, // 辅助色
    #F8FAFC, // 表格隔行变色
    #EBF4FF, // 表格当前行背景色
    #C1DDFF // 表格当前行边线色
  );
  .vc-customize(
    #508AFD, // 主色
    linear-gradient(to right, #3769EE, #3694F2), // 渐变色
    #F1F7FF, // 辅助色
    #EBF4FF, // 当前选中项的背景色
    #BFDDFF // 树列表默认图标颜色
  );
}

// 主题配色（蓝色） - T字型布局
.vc-theme-default-T {
  .vc-theme(
    linear-gradient(to right, #3769EE, #3694F2), // 顶部栏的背景色/背景图
    #fff, // 顶部栏的字体颜色
    #fff, // 顶部栏右侧的图标颜色
    none, // 顶部栏的下边框边线
    #DFE5EE, // 顶部栏右侧分割线颜色

    #fff, // 左侧栏的背景色/背景图
    rgba(80,138,253,0.1), // 当前激活菜单的背景色
    #508AFD, // 当前激活菜单的左边框颜色
    rgba(80,138,253,0.04), // 菜单的悬浮背景色
    #3D3D3D, // 左侧栏的字体颜色
    #508AFD, // 左侧栏的图标颜色
    1px solid #DFE9E8, // 左侧栏的右边框颜色
    none, // 左侧栏logo下边线颜色(LR布局)

    #fff, // tab标签的背景色
    #A4AEBB, // tab标签的字体颜色
    #F8FAFC, // 当前激活tab标签的背景色
    #508AFD, // 当前激活tab标签的字体颜色
    bottom, // 当前激活tab标签的边线位置
    1px solid #DFE9E8, // tab标签的边框颜色
    #F8F9FD // tab页面背景色
  );
  .vc-element(
    #508AFD, // 主色
    #689FFE, // 主色悬停
    #A1C3FF, // 主色禁用
    #F1F7FF, // 辅助色
    #F8FAFC, // 表格隔行变色
    #EBF4FF, // 表格当前行背景色
    #C1DDFF // 表格当前行边线色
  );
  .vc-customize(
    #508AFD, // 主色
    linear-gradient(to right, #3769EE, #3694F2), // 渐变色
    #F1F7FF, // 辅助色
    #EBF4FF, // 当前选中项的背景色
    #BFDDFF // 树列表默认图标颜色
  );
}

// 主题配色（绿色）- 左右型布局
.vc-theme-green-LR {
  .vc-theme(
    #fff, // 顶部栏的背景色/背景图
    #31C7B2, // 顶部栏的字体颜色
    #31C7B2, // 顶部栏右侧的图标颜色
    1px solid #DFE9E8, // 顶部栏的下边框边线
    #DFE5EE, // 顶部栏右侧分割线颜色

    url('../assets/img/bg-sider2.png'), // 左侧栏的背景色/背景图
    rgba(6,174,163,0.8), // 当前激活菜单的背景色
    #00FFD9, // 当前激活菜单的左边框颜色
    rgba(6,174,163,0.5), // 菜单的悬浮背景色
    #fff, // 左侧栏的字体颜色
    #fff, // 左侧栏的图标颜色
    none, // 左侧栏的右边框颜色
    #37CFC0, // 左侧栏logo下边线颜色(LR布局)

    #fff, // tab标签的背景色
    #818181, // tab标签的字体颜色
    #F6FAFA, // 当前激活tab标签的背景色
    #31C7B2, // 当前激活tab标签的字体颜色
    top, // 当前激活tab标签的边线位置
    1px solid #DFE9E8, // tab标签的边框颜色
    #F6FAFA // tab页面背景色
  );
  .vc-element(
    #31C7B2, // 主色
    rgba(49,199,178,0.8), // 主色悬停
    rgba(49,199,178,0.4), // 主色禁用
    rgba(49,199,178,0.1), // 辅助色
    #F8FCFC, // 表格隔行变色
    #ECFBF8, // 表格当前行背景色
    #BEF3E0 // 表格当前行边线色
  );
  .vc-customize(
    #31C7B2, // 主色
    linear-gradient(to right, #26B7B1, #33D0A9), // 渐变色
    rgba(49,199,178,0.1), // 辅助色
    #ECFBF8, // 当前选中项的背景色
    #94DBD1 // 树列表默认图标颜色
  );
}

// 主题配色（绿色）- T字型布局
.vc-theme-green-T {
  .vc-theme(
    linear-gradient(to right, #26B7B1, #33D0A9), // 顶部栏的背景色/背景图
    #fff, // 顶部栏的字体颜色
    #fff, // 顶部栏右侧的图标颜色
    none, // 顶部栏的下边框边线
    rgba(255,255,255,0.3), // 顶部栏右侧分割线颜色

    #fff, // 左侧栏的背景色/背景图
    #ECFBF8, // 当前激活菜单的背景色
    #31C7B2, // 当前激活菜单的左边框颜色
    rgba(30,194,194, 0.04), // 菜单的悬浮背景色
    #3D3D3D, // 左侧栏的字体颜色
    #31C7B2, // 左侧栏的图标颜色
    1px solid #DFE9E8, // 左侧栏的右边框颜色
    none, // 左侧栏logo下边线颜色(LR布局)

    #fff, // tab标签的背景色
    #818181, // tab标签的字体颜色
    #F6FAFA, // 当前激活tab标签的背景色
    #31C7B2, // 当前激活tab标签的字体颜色
    bottom, // 当前激活tab标签的边线位置
    1px solid #DFE9E8, // tab标签的边框颜色
    #F6FAFA // tab页面背景色
  );
  .vc-element(
    #31C7B2, // 主色
    rgba(49,199,178,0.8), // 主色悬停
    rgba(49,199,178,0.4), // 主色禁用
    rgba(49,199,178,0.1), // 辅助色
    #F8FCFC, // 表格隔行变色
    #ECFBF8, // 表格当前行背景色
    #BEF3E0 // 表格当前行边线色
  );
  .vc-customize(
    #31C7B2, // 主色
    linear-gradient(to right, #26B7B1, #33D0A9), // 渐变色
    rgba(49,199,178,0.1), // 辅助色
    #ECFBF8, // 当前选中项的背景色
    #94DBD1 // 树列表默认图标颜色
  );
}